@import "../../../css/colorVar.less";

.btnDiv {
  margin-top: 10px;
  margin-bottom: 20px;

  :global {
    .ant-btn {
      margin-right: 10px;
    }
  }
}

// 主体内容
.leftTitle {
  width: 283px;
  height: 100%;

  :global {
    .ant-form-item-required {
      width: 100%;
    }

    .secondHeader {
      width: 100%;
      height: 39px;
      padding-top: 19px;
      font-size: 14px;
      margin-bottom: 10px;

      .secondHeaderI {
        width: 100%;
        height: 100%;
        border-left: 4px solid @second_level_title_main;
        padding-left: 14px;
        color: @second_level_title_text;

        .left {
          float: left;
          display: flex;
          margin-top: -1px;
        }

        .right {
          float: right;
          margin-top: -1px;
        }
      }
    }
  }


}

.rightCon {
  flex: 1;
  overflow-x: scroll;
  padding-bottom: 20px;

  :global {
    .optionContent {

      // 单个簿记组件
      .book {
        width: 265px;

        .formDiv {
          padding: 0 20px;
          padding-top: 20px;

        }

      }

      .book:nth-child(2n-1) {
        .formDiv {
          background-color: @section_bg2;
        }
      }



    }
  }

}

// 返回按钮
.back {
  position: fixed;
  bottom: 60px;
  right: 20px;
  display: flex;
  width: 100px;
  justify-content: flex-end;
  padding: 20px;
  padding-bottom: 8px;
}


// 基础期权
.BaseOption {
  :global {
    // .ant-form-item-control{
    //   line-height: 20px;
    //   height: 32px;
    // }
    // .ant-input{
    //   height: 30px;
    // }
    // .ant-input-number-input{
    //   height: 30px;
    // }
    // .ant-select-selection{
    //   height: 30px;
    // }
  }
}

// 障碍期权 ,二元期权,雪球期权
.bookBarrier {
  :global {

    // .ant-form-item-control{
    //   line-height: 20px;
    //   height: 32px;
    // }
    // .ant-input{
    //   height: 30px;
    // }
    // .ant-input-number-input{
    //   height: 30px;
    // }
    // .ant-select-selection{
    //   height: 30px;
    // }
    .observationDate {
      width: 100%;
      margin-bottom: 10px;

      .dateDiv {
        width: 100%;
        height: 39px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .dataDiv {
          width: 100%;
          height: 39px;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
      }

      .listDiv {
        width: 225px;
        height: 90px;
        background: #FFFFFF;
        border-radius: 2px;
        border: 1px solid @section_border;
        overflow: auto;
        padding: 0;
        margin: 0;
        margin-top: 2px;

        li {
          width: 100%;
          height: 30px;
          line-height: 30px;
          padding-left: 5px;
          padding-right: 5px;
          display: flex;
          justify-content: space-between;
          align-items: center;

          p {
            line-height: 30px;
            margin: 0;
            padding: 0;
            border: 0;
       
          }
          .dataP{
     overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
          }
          a {
            visibility: hidden;
          }
        }

        li:hover {
          background-color: rgba(77, 134, 255, 0.15);

          a {
            visibility: visible;
          }
        }
      }

      .listDiv.disabled {
        background-color: @section_bg2;
      }

      .listDiv:hover {
        border: 1px solid @menu_sel_bg_border;
      }
    }
  }

}
